.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.wrap {width: 1200px; height: auto; margin: 0 auto;}
/*垂直对齐*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.bgeee {background: #fff;}

/*top*/
#top {position: fixed; width: 100%; top: 0; height: 100px; line-height: 100px; background: #fff; z-index: 222; box-shadow: 0 0 20px 1px #c7c7ca;}
.logo {float: left; height: 100%; margin-right: 35px; font-size: 0;}
.logo img {vertical-align: middle;}
#nav {float: left;}
#nav ul li {float: left; width: 100px; margin-left: 1px; text-align: center;}
#nav ul li:first-child {width: 70px; margin-left: 0;}
#nav ul li > a {display: block; height: 100%;}
#nav ul li.active > a {color: #f9f9f9; background: #00acc1;}
#nav ul li > a:hover {color: #f9f9f9; background: #00acc1;}
.navDown {display: none;}
.navBtn {display: none;}
.topPhone {float: right; height: 36px; margin-top: 30px;}
.topPhone .pic {float: left; width: 34px; height: 34px; margin-top: 2px; margin-right: 8px;}
.topPhone .cont {float: right;}
.topPhone .cont h3 {font-size: 12px; line-height: 16px;}
.topPhone .cont p {font-size: 22px; color: #e83522; line-height: 22px;}

/*footer*/
#bottom {height: 65px; line-height: 65px; color: #fff; background: #666666; position: relative; z-index: 8;}
#bottom a {/*width: 120px;*/ /*text-align: center;*/ margin: 0 22px; color: #fff; }
#bottom a:hover {color: #e83522;}
#bottom em {margin-right: 16px;}
#footer {padding: 50px 0; color: #fff; background: #1a1a1a; position: relative; z-index: 8;}
#footer .left {float: left;}
.footerZx {width: 248px;}
.footerZxH {display: block; width: 136px; height: 38px; margin-bottom: 18px; line-height: 38px; text-align: center; font-size: 16px; border-radius: 19px; color: #fff; background: #e83522;}
.footerZxH:hover {background: #ca2615;}
.footerZxH span {display: inline-block; width: 31px; height: 100%; margin-right: 2px; font-size: 0; vertical-align: top;}
.footerZxH span img {vertical-align: middle;}
.footerZxPhone h3 {font-size: 14px; line-height: 20px;}
.footerZxPhone p {font-size: 24px; color: #e83522; line-height: 26px;}
.footerCopy {line-height: 26px; margin-top: 34px;}
.footerEwm {margin-left: 40px; padding: 0 50px; text-align: center; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c;}
.footerEwm p {line-height: 38px; margin-top: 6px; color: #a0a0a0;}
.footerEwm .pic {width: 146px;}
#footer ul {float: right;}
#footer ul li {float: left; margin-left: 106px;}
#footer ul li:first-child {margin-left: 0;}
#footer ul li h3 {font-weight: 600; line-height: 24px; margin-bottom: 12px;}
#footer ul li p {line-height: 28px;}
#footer ul li p a {color: #a0a0a0;}
#footer ul li p a:hover {color: #e83522;}

.main {position: relative; z-index: 5; margin-top: 100px;}
/*banner*/
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
.banner .bx-wrapper .bx-pager {bottom: 3.444%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #00acc1;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #25aa2f;}

.homeAdvance {padding: 100px 0 100px 0; background: #f5f5f5;}
.homeAdvance .wrap {/*overflow: hidden;*/}
.homeAdvanceTit {text-align: center;}
.homeAdvanceTit h2 {line-height: 78px; font-size: 60px; color: #666666;}
.homeAdvanceTit h2 span {font-weight: 600; color: #00acc1;}
.homeAdvanceTit p {font-size: 18px; line-height: 36px; color: #666666;}
.homeAdvanceW {/*width: 1408px;*/   margin-left: auto; margin-right: auto; margin-top: 42px;}
.homeAdvanceW ul {float: left; margin-left: -69px;}
.homeAdvanceW ul li {width: 318px; height: 276px; margin-bottom: 11px; }
.homeAdvanceW .homeAdvanceList1 {margin-top: 231px; margin-left: 0;}
.homeAdvanceW .homeAdvanceList1 li {width: 452px; height: 392px;}
.homeAdvanceW .homeAdvanceList2 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList2 li {}
.homeAdvanceW .homeAdvanceList3 {}
.homeAdvanceW .homeAdvanceList3 li {}
.homeAdvanceW .homeAdvanceList4 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList4 li {}
.homeAdvanceCont {padding-top: 24px; box-sizing: border-box; background: url(../images/home_advance_bg.png) no-repeat center; background-size: 100%;}
.homeAdvanceCont h3 {height: 88px; margin-bottom: 8px; line-height: 88px; font-size: 30px; font-weight: 600; text-align: center; color: #00acc1;}
.homeAdvanceCont h3.homeAdvance01 {background: url(../images/home_advance_01.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance02 {background: url(../images/home_advance_02.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance03 {background: url(../images/home_advance_03.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance04 {background: url(../images/home_advance_04.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont p {padding: 0 32px 0 46px; line-height: 22px; color: #666666;}
.homeAdvanceCont .bg {}

.homeSp {padding-bottom: 100px; background: #eee;}
.homeSpH {height: 350px; color: #fff; background: url(../temp/sp_advance_im1.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpH .bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 0;}
.homeSpH .wrap {position: relative; z-index: 2;}
.homeSpH h2 {padding-top: 64px; font-size: 24px; font-weight: 600; line-height: 28px;}
.homeSpH h3 {font-size: 36px; font-weight: 600; line-height: 46px;}
.homeSpH h4 {font-size: 18px; line-height: 32px;}
.homeSpH p {width: 360px; color: #a7a7a7; line-height: 18px;}
.homeSpH .line {width: 56px; height: 1px; margin: 30px 0 46px 0; background: #fff;}
.homeSpT {}
.homeSpT .left {float: left; width: 50%; }
.homeSpT .right {float: right; width: 50%; height: 518px; /*margin-top: -118px;*/ position: relative; z-index: 22;} 
.homeSpTW {position: absolute; width: 100%; height: 636px; left: 0; bottom: 0; background: #fff;}
.sliderHomeSpT {width: 100%; height: 100%;}
.sliderHomeSpT li {width: 100%; height: 100%;}
.homeSpTInner {width: 80%; margin: 0 auto;}
.homeSpTInner:first-child {padding-top: 60px; padding-bottom: 16px; margin-bottom: 48px; border-bottom: 1px solid #d2d2d2;}
.homeSpTInner h2 {height: 36px; margin-bottom: 16px; font-size: 30px; line-height: 36px;}
.homeSpTInner h2 span {display: inline-block; width: 32px; height: 100%; margin-right: 6px; font-size: 0; vertical-align: top;}
.homeSpTInner h2 span img {display: inline-block; vertical-align: middle;}
.homeSpTInner p {height: 148px; line-height: 24px; overflow: hidden;}
.homeSpTW .bx-wrapper .bx-pager {padding-left: 10%; bottom: 58px; text-align: left; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpTW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.homeSpTW .bx-wrapper {height: 100%;}
.homeSpTW .bx-wrapper .bx-controls-direction a {width: 50%; height: 50px; top: auto; margin-top: 0; bottom: -50px; background-color: #00acc1; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-controls-direction a:hover {background-color: #e83522; background-position: center;}
.homeSpTW .bx-wrapper .bx-prev {left: 0; background-image: url(../images/jt_zuo.png);  /*border-right: 1px solid #f5f5f5;*/}
.homeSpTW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you.png);}
.homeSpB {padding: 60px 90px 92px 90px; background: #fff; margin-top: 110px; position: relative;}
.homeSpB .bg {position: absolute; left: 32px; top: -50px;}
.homeSpBH {height: 200px; text-align: center; background: url(../temp/sp_advance_im4.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpBHCont {color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeSpBHCont h2 {font-size: 24px; line-height: 36px;}
.homeSpBHCont p {font-size: 30px; font-weight: 600; line-height: 35px;}
.homeSpBH a {position: absolute; width: 136px; height: 36px; line-height: 36px; border-radius: 18px; color: #fff; background: #e83522; left: 50%; bottom: -16px; transform: translateX(-50%);}
.homeSpBH a:hover {background: #CA2615;}
.homeSpBW {margin-top: 60px; position: relative;}
.sliderHomeSpB {/*border-bottom: 1px solid #dcdcdc;*/}
.sliderHomeSpB li {float: left; width: 20%; text-align: center;}
.sliderHomeSpB li a {display: inline-block; padding-bottom: 45px; text-align: center; font-size: 16px;  position: relative;}
.sliderHomeSpB li a:hover span {width: 100%;}
.sliderHomeSpB li a:hover {color: #00acc1;}
.sliderHomeSpB li .num {width: 52px; height: 52px; margin: 0 auto; line-height: 52px; color: #00acc1; background: url(../images/icon_bg.png) no-repeat center; background-size: 100%;}
.sliderHomeSpB li p {line-height: 34px;}
.sliderHomeSpB li span {width: 0; height: 1px; background: #00acc1; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.homeSpBW .bx-viewport {/*padding-bottom: 4px;*/}
.homeSpBW .bx-wrapper .bx-pager {bottom: -60px; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpBW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #00acc1;}
.homeSpBW .bx-wrapper {height: 100%;}
.homeSpBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: auto; margin-top: 0; bottom: -62px; border: 1px solid #fff; /*background-color: #00acc1;*/ background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-controls-direction a:hover {/*background-color: #e83522;*/ border: 1px solid #eee; background-position: center;}
.homeSpBW .bx-wrapper .bx-prev {left: 450px; background-image: url(../images/jt_zuo1.png);}
.homeSpBW .bx-wrapper .bx-next {right: 450px; background-image: url(../images/jt_you1.png);}
.lineW {position: absolute; width: 100%; height: 1px; background: #dcdcdc; bottom: 0; left: 0; z-index: 22;}
.lineW span {display: block; width: 210px; height: 1px; background: #00acc1; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}

.homeZpc {/*height: 763px;*/ padding: 118px 0 130px 0;}
.homeZpc .wrap {/*padding-top: 118px;*/}
.homeZpc .left {float: left; width: 450px; height: 500px; position: relative;}
.homeZpc .left .pic {position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 24;}
.homeZpc .left .picBg {position: absolute; width: 100%; height: 100%; background: #00acc1; left: 10px; top: 10px; z-index: 22;}
.homeZpc .right {float: right; width: 694px;}
.homeZpc .right h2 {font-size: 36px; font-weight: 600; color: #00acc1;}
.homeZpc .right .line {width: 188px; height: 1px; margin: 20px 0 0 -128px; background: #00acc1; position: relative; z-index: 24;}
.homeZpcCont {margin-top: 26px;}
.homeZpcCont p {line-height: 24px; margin-bottom: 30px;}
.homeZpcList {margin-top: 42px;}
.homeZpcList li {float: left; width: 100px; height: 100px; margin-right: 20px; text-align: center;}
.homeZpcList li a {display: block; width: 100%; height: 100%; color: #fff; background: #333333;}
.homeZpcList li a:hover {background: #00acc1;}
.homeZpcList li a:hover span {color: #00acc1;}
.homeZpcList li p {line-height: 20px; padding-top: 26px;}
.homeZpcList li span {display: inline-block; width: 16px; height: 16px; margin-top: 6px; line-height: 16px; border-radius: 50%; color: #333; background: #fff;}

.homeDzzx {padding-bottom: 86px; background: #eee;}
.homeDzzxH {height: 300px; text-align: center; color: #fff; background: url(../temp/zpc_bg.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeDzzxH .bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2;}
.homeDzzxCont {position: relative; z-index: 5;}
.homeDzzxH h2 {font-size: 36px; line-height: 40px; margin: 0 0 34px 0; padding-top: 90px;}
.homeDzzxH h3 {}
.homeDzzxH h3 a {display: inline-block; width: 118px; height: 34px; margin: 0 10px; line-height: 34px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 6px;}
.homeDzzxH h3 a:first-child {background: #00acc1; border-color: #00acc1;}
.homeDzzxH h3 a:hover {background: #015331; border-color: #015331;}
.homeDzzx .wrap {margin-top: 100px;}
.homeDzzxT {}
.homeDzzxT .left {float: left; width: 662px;}
.homeDzzxT .left ul {}
.homeDzzxT .left ul li {float: left; width: 316px; margin-right: 30px;}
.homeDzzxT .left ul li:first-child {width: 100%; }
.homeDzzxT .left ul li:nth-child(2n+1) {margin-right: 0;}
.homeDzzxTH {position: relative; padding-right: 50px;}
.homeDzzxTH h2 {padding-top: 30px; font-size: 36px; font-weight: 600; color: #00acc1;}
.homeDzzxTH p {color: #666666;}
.homeDzzxTH .line {width: 40px; height: 1px; margin: 8px 0 28px 0; background: #00acc1;}
.homeDzzxMore {position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 30px; color: #fff; background: #00acc1 url(../images/jia_more.png) no-repeat center; top: 40px; right: 0; z-index: 22;}
.homeDzzxMore:hover {background-color: #015331;}
.homeDzzxT .right {float: right; width: 508px;}
.homeDzzxT .right ul {margin-top: 60px;}
.homeDzzxT ul li {position: relative; margin-bottom: 30px;}
.homeDzzxT ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxT ul li > a {display: block; width: 100%; height: 100%;}
.homeDzzxT ul li .bg {display: none; position: absolute; width: 100%; height: 100%; background: rgba(1,171,194,0.7); left: 0; top: 0; z-index: 22;}
.homeDzzxT ul li .bg .bgW {display: none; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeDzzxT ul li .bg .bgW h3 {font-size: 16px;}
.homeDzzxT ul li .bg .bgW a {display: inline-block; width: 34px; height: 34px; margin-top: 14px; line-height: 32px; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 50%;}
.homeDzzxT ul li .bg .bgW a:hover {color: #00acc1; background: #fff; /*border-color: #015331;*/}

.homeDzzxB {margin-top: 58px;}
.homeDzzxBH {position: relative;}
.homeDzzxBH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeDzzxBH .block {float: right; width: 142px; height: 50px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont {float: left; padding-right: 32px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont h3 {line-height: 42px; font-size: 30px; font-weight: 600; color: #00acc1;}
.homeDzzxBHCont p {line-height: 34px; font-size: 18px; color: #666;}
.homeDzzxBW {position: relative;}
.homeDzzxBW ul {width: 100%; padding-top: 52px;}
.homeDzzxBW ul li {float: left; width: 280px; margin-right: 24px; text-align: center;}
.homeDzzxBW ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxBW ul li:hover p {color: #00acc1;}
.homeDzzxBW ul li a {display: block;}
.homeDzzxBW ul li p {margin-top: 16px; height: 34px; line-height: 34px; font-size: 16px; color: #666;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; top: -59px; margin-top: 0; background-color: #c2c2c2; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a:hover {background-color: #00acc1; background-position: center;}
.homeDzzxBW .bx-wrapper .bx-prev {left: auto; right: 62px; background-image: url(../images/jt_zuo2.png);}
.homeDzzxBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

.homeNews {padding: 92px 0 60px 0; background: #fff;}
.homeNewsH {height: 52px; line-height: 46px; position: relative;}
.homeNewsH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeNewsH .left {float: left; position: relative; z-index: 22;}
.homeNewsH .left h3 {font-size: 0;}
.homeNewsH .left h3 span {display: inline-block; margin-top: 2px; line-height: 18px; font-size: 16px; font-weight: 600; color: #333; vertical-align: top;}
.homeNewsH .left h3 em {display: inline-block; padding-right: 20px; font-size: 50px; font-weight: 600; color: #00acc1; background: #fff;}
.homeNewsH .right {float: right; text-align: right; padding-left: 22px; line-height: 52px; font-size: 0; background: #fff; position: relative; z-index: 22;}
.homeNewsH .right a {display: inline-block; width: 112px; height: 36px; margin-left: 8px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #00acc1; vertical-align: middle;} 
.homeNewsH .right a:first-child {margin-left: 0;}
.homeNewsH .right a:hover {background: #e83522;}
.homeNewsH .right a.on {background: #e83522;}
.homeNewsW {margin-top: 50px;}
.homeNewsInner {display: none;}
.homeNewsInner:first-child {display: block;}
.homeNewsInner ul {width: 47%;}
.homeNewsInner ul.left {float: left;}
.homeNewsInner ul.right {float: right;}
.homeNewsInner ul li {margin-bottom: 45px; border-bottom: 1px solid #dcdcdc;}
.homeNewsInner ul li:last-child {border-bottom: none;}
.homeNewsInner ul li:hover .homeNewsNum {color: #00acc1;}
.homeNewsInner ul li:hover .homeNewsContH h3 a {color: #00acc1;}
.homeNewsInner ul li:hover .homeNewsContH p {color: #00acc1;}
.homeNewsNum {float: left; width: 11.222%; font-size: 36px; line-height: 44px;}
.homeNewsCont {float: right; width: 88.666%;}
.homeNewsContH {padding-right: 68px; position: relative;}
.homeNewsContH h3 {line-height: 26px; font-size: 18px; font-weight: 600;}
.homeNewsContH p {line-height: 20px; font-size: 12px; color: #666;}
.homeNewsMore {position: absolute; width: 64px; height: 30px; line-height: 30px; text-align: right; top: 0; right: 0; z-index: 22;}
.homeNewsMore:hover {color: #00acc1;}
.homeNewsTxt {padding: 16px 0 46px 0;}
.homeNewsTxt p {line-height: 24px; color: #666;}

/***********关于我们*************/
.bannerBox {margin-top: 100px; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.bannerAbout {background-image: url(../temp/banner_about.jpg); }
.bannerBox .bg {position: absolute; width: 100%; height: 213px; background: url(../images/banner_about_bg.png) no-repeat center bottom; background-size: auto 100%; left: 0; bottom: 0; z-index: 1;}
.aboutL {float: left; width: 23.356%; }
.aboutH {height: 150px; margin-top: -150px; text-align: center; color: #fff; background: #00acc1; position: relative; z-index: 22;}
.aboutH h3 {padding-top: 38px; line-height: 32px; font-size: 24px;}
.aboutH h2 {line-height: 40px; font-size: 30px; font-weight: 600;}
.aboutNav {background: #fff;}
.aboutNav li {height: 48px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #dadada;}
.aboutNav li a {display: block; padding: 0 22px; position: relative;}
.aboutNav li:hover a {color: #00acc1; background: #f9f9f9;}
.aboutNav li:hover span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.aboutNav li.on {border-bottom: 1px solid #fff;}
.aboutNav li.on a {color: #00acc1; background: #f9f9f9;}
.aboutNav li.on span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.jtAbout {position: absolute; width: 30px; height: 30px; background: url(../images/jt_about.png) no-repeat center; background-size: 8px; right: 16px; top: 50%; transform: translateY(-50%);}
.aboutLAd {margin: 15px 0;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {padding: 0 0 30px 0; background: #fff;}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {height: 20px; padding-left: 16px; line-height: 20px; font-size: 16px; border-left: 3px solid #00acc1;}
.aboutContact ul {margin-top: 28px;}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 46px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}
.aboutEwm {text-align: center;}

.aboutR {float: right; width: 74%;}
.aboutRTop {font-size: 16px; color: #f9f9f9;}
.aboutRTop a {color: #f9f9f9;}
.aboutRTop a:hover {color: #00acc1;}
.aboutRTop p {margin-top: -42px; line-height: 22px; padding-left: 22px; background: url(../images/about_r_position.png) no-repeat left center; position: relative; z-index: 22;}
.aboutRH {margin-top: 62px; text-align: center;}
.aboutRH h2 {font-size: 36px; line-height: 46px;}
.aboutRH p {font-size: 16px; line-height: 26px;}
.aboutRW {margin-top: 52px;}
.aboutPic {float:left; box-sizing: border-box; width: 335px; height: auto; margin: 0 48px 24px 0; border: 10px solid #ddd;}
.aboutPic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutRW h3 {margin-top: 10px; margin-bottom: 32px; font-size: 36px; font-weight: 600; color: #00acc1;}
.aboutRW p {font-size: 18px; line-height: 30px; margin-bottom: 42px;}
.aboutRInner {padding: 30px 70px 30px 58px; margin-bottom: 60px; background: #00acc1;}
.aboutRInnerWrit {float: left; width: 302px;}
.aboutRInnerWrit h2 {font-size: 36px; line-height: 44px;color: #fff;font-weight: 600;}
.aboutRInnerWrit h3 {margin-bottom: 22px; font-size: 18px; color: #666; line-height: 24px;}
.aboutRInnerWrit p {color: #fff; line-height: 24px;}
.aboutRInnerPic {float: right; width: 452px;}
.aboutRInnerPic img {width: 100%;}

/***********生产工艺*************/
.bannerProduct {background-image: url(../temp/banner_product.jpg);}
.productWhy {padding: 88px 0 74px 0; background: url(../temp/product_cont_bg.jpg) no-repeat center; background-size: cover; }
.productWhyH {text-align: center;}
.productWhyH h2 {line-height: 56px; font-size: 48px; font-weight: 600;}
.productWhyH h2 span {color: #00acc1;}
.productWhyH p {margin-top: -14px; font-size: 33px; color: #666; height: 70px; line-height: 70px;}
.productWhyH p span {display: inline-block; width: 126px; height: 100%; margin-right: 6px; vertical-align: top; background: url(../images/Why.png) no-repeat center; background-size: 100%;} 
.productWhy .pic {margin-top: 50px;}
.productTab {position: relative;}
.productNext {width: 86px; height: 72px; position: absolute; left: 50%; transform: translateX(-50%); top: -42px;/* margin-top: -36px;*/ z-index: 22; cursor: pointer;}
.productNext span {width: 18px; height: 18px; background: url(../images/jt_product.png) no-repeat center; position: absolute; left: 50%; top: 36px; transform: translateX(-50%); animation:animation1 3s infinite; animation-timing-function: linear;}
@keyframes animation1{
  0% {top: 36px;}
  25% {top: 33px;}
  50% {top: 36px; }
  75% {top: 39px;}
  100% {top: 36px;}
}
.productNext1 {background: url(../images/product_next_btn_bg.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext2 {background: url(../images/product_next_btn_bg1.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext3 {background: url(../images/product_next_btn_bg2.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext3 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
@keyframes animation2{
  0% {top: 24px;}
  25% {top: 21px;}
  50% {top: 24px; }
  75% {top: 27px;}
  100% {top: 24px;}
}
.productNext4 {background: url(../images/product_next_btn_bg3.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext4 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
.productNext5 {background: url(../images/product_next_btn_bg4.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext5 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}


.productYf {padding: 74px 0 90px 0;}
.productYf h2 {font-size: 36px; text-align: center;}
.productYfList {margin-top: 54px;}
.productYfList li {float: left; width: 16.666%; text-align: center;}
.productYfList li a {display: inline-block;}
.productYfList li a:hover {color: #00acc1;}
.productYfList li a:hover span {background: url(../images/product_yf_bg_a.png) no-repeat center; background-size: 100%;}
.productYfList li a:hover span.icon1 em {background-image: url(../images/product_yf_icon1_a.png); background-size: 55px;}
.productYfList li a:hover span.icon2 em {background-image: url(../images/product_yf_icon2_a.png); background-size: 60px;}
.productYfList li a:hover span.icon3 em {background-image: url(../images/product_yf_icon3_a.png); background-size: 57px;}
.productYfList li a:hover span.icon4 em {background-image: url(../images/product_yf_icon4_a.png); background-size: 50px;}
.productYfList li a:hover span.icon5 em {background-image: url(../images/product_yf_icon5_a.png); background-size: 54px;}
.productYfList li a:hover span.icon6 em {background-image: url(../images/product_yf_icon6_a.png); background-size: 53px;}
.productYfList li span {display: inline-block; width: 134px; height: 146px; background: url(../images/product_yf_bg.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span em {display: inline-block; width: 100%; height: 100%; vertical-align: top; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span.icon1 em {background-image: url(../images/product_yf_icon1.png); background-size: 55px;}
.productYfList li span.icon2 em {background-image: url(../images/product_yf_icon2.png); background-size: 60px;}
.productYfList li span.icon3 em {background-image: url(../images/product_yf_icon3.png); background-size: 57px;}
.productYfList li span.icon4 em {background-image: url(../images/product_yf_icon4.png); background-size: 50px;}
.productYfList li span.icon5 em {background-image: url(../images/product_yf_icon5.png); background-size: 54px;}
.productYfList li span.icon6 em {background-image: url(../images/product_yf_icon6.png); background-size: 53px;}
.productYfList li p {font-size: 18px; line-height: 30px; margin-top: 12px;}

.productCx {padding: 95px 0 65px 0; background: url(../temp/product_cx_bg.jpg) no-repeat center; background-size: cover;}
.productCxH {text-align: center;}
.productCxH h2 {font-size: 36px; margin-bottom: 12px;}
.productCxH p {font-size: 16px; color: #666; line-height: 26px;}
.productCxList {margin-top: 46px;}
.productCxList li {float: left; width: 23.5%; margin-left: 2%; text-align: center;}
.productCxList li:first-child {margin-left: 0;}
.productCxList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productCxList li:hover a {color: #00acc1;}
.productCxList li a {display: block;}
.productCxList li p {line-height: 48px; font-size: 16px;}

.productGy {padding: 94px 0 84px 0;}
.productGyList {margin-top: 40px}
.productGyList li {float: left; width: 31.666%; margin-left: 2.5%; text-align: center;}
.productGyList li:first-child {margin-left: 0;}
.productGyList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productGyList li:hover a {color: #00acc1;}
.productGyList li a {display: block;}
.productGyList li p {font-size: 16px; line-height: 48px;}

.productSp {padding: 98px 0 98px 0; background: #d3d3d3;}
.productSpW {height: 400px; position: relative; margin-top: 40px;}
.productSpVideo {width: 504px; height: 334px; position: absolute; top: 0; left: 68px;}
.productSpVideo .bg {width: 100%; height: 28%; background: #00acc1; position: absolute; left: -10px; bottom: -10px; z-index: 20;}
.productSpVideo .video-js {z-index: 25;}
.video-js .vjs-big-play-button {width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: none; background: url(../images/video_btn_1.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {content: "";}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {background: url(../images/video_btn.png) no-repeat center; background-size: 100%;}
.productSpPic {position: absolute; width: 670px; right: 68px; bottom: 0;}
.productSpPic .pic {position: relative; z-index: 21;}
.productSpPic .bg {width: 60%; height: 27%; background: #00acc1; position: absolute; top: -10px; right: -10px; z-index: 20;}

.productJg {padding: 96px 0 36px 0;}
.productJgList {}
.productJgList li {margin-bottom: 12px;}
.productJgList li:nth-child(4n) {margin-left: 0;}

.productCh {padding: 64px 0 86px 0; background: url(../temp/product_ch_bg.jpg) no-repeat center; background-size: cover;}
.productGyList {margin-top: 44px;}
.productGyList li {}

.productAl {padding: 94px 0 100px 0; }
.productAlList {margin-top: 88px;}
.productAlList li {float: left; width: 23.875%; margin-left: 1.5%;}
.productAlList li:first-child {margin-left: 0;}
.productAlList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productAlList li a {display: block; position: relative;}
.productAlList li h3 {position: absolute; width: 102px; height: 102px; line-height: 102px; text-align: center; font-size: 24px; color: #fff; background: #00acc1; border: 4px solid #fff; border-radius: 50%; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 22;}
.productAlList li .bg {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background: rgba(0,0,0,0.7); z-index: 20;}
.productAlList li .bg .writ {padding: 0 15px; position: absolute; left: 0; /*bottom: 15px;*/ bottom: -100px;} 
.productAlList li .bg .writ p {max-height: 80px; line-height: 20px; overflow: hidden;}

/*************产品展示***********/
.bannerShow {background-image: url(../temp/banner_show.jpg);}
.showW {margin-bottom: 60px;}
.showList {/*width: 950px;*/ margin-top: 50px;}
.showList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align: center;}
.showList li:nth-child(3n){margin-right: 0;}
.showList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.showList li:hover p {color: #fff; background: #00acc1; }
.showList li a {display: block;}
.showList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/* Pagination */
.page-pagination {
  font-size: 13px;
  margin: 20px auto;
  text-align: center;
}
.page-pagination li {
  display: inline;
}
.page-pagination a.page-numbers,
.page-pagination .page-numbers.current {
  display: inline-block;
  margin: 0 2px;
  padding: 0 13px;
  line-height: 32px;
  height: 36px;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.page-pagination a.page-numbers {
  border-color: #d3d9dd;
  color: #576366;
}
.page-pagination .page-numbers.current,
.page-pagination a.page-numbers:hover {
  border-color: #2ed87b;
  background-color: #2ed87b;
  color: #fff;
}
.page-pagination a{padding:5px 10px; border:2px solid #00acc1;border-radius:3px; margin-right:5px}
.page-pagination span{padding:5px 10px; border:2px solid #00acc1;border-radius:3px; background-color:#00acc1; color:#FFF; margin-right:5px}
/* Flex Slider */

/***********产品展示-详情页*************/
.showDetailW {margin-top: 50px; margin-bottom: 60px;}
.showDetailMain {}
.showWap {float: left; width: 300px; height: 300px; position: relative;}
.showWap img.bg {width: 100%; height: 100%;}
.showPic {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 44;}
.showSlider {width: 100%; height: 100%;}
.showSlider li {width: 100%; height: 100%; position: relative;}
.showPic .bx-wrapper {height: 100%;}
.showPic .bx-wrapper .bx-viewport {height: 100% !important;}
.showPic .bx-wrapper .bx-pager {bottom: 4px; text-align: right; box-sizing: border-box; padding-right: 18px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a {width: 12px; height: 12px; margin: 0 3px; border-radius: 0%; background: #bfbfbf; text-indent: 10000px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a:hover, .showPic .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.showDetailMainCont {float: right; width: 560px; margin-top: 16px;}
.showDetailMainCont h2 {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 600; color: #00acc1; border-bottom: 1px solid #bfbfbf;}
.showDetailMainCont h3 {height: 45px; padding-left: 15px; margin-top: 15px; line-height: 45px; font-size: 18px; background: #e1e1e1;}
.showDetailMainCont p {margin-top: 1px; line-height: 26px;}
.showDetailMainB {margin-top: 10px;}
.showDetailMainB a {float: left; width: 136px; height: 38px; margin-left: 20px; font-size: 16px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 4px;}
.showDetailMainB a:hover {background: #fff;}
.showDetailMainB a:first-child {margin-left: 0;}
.showDetailMainB a span {display: inline-block; width: 22px; height: 100%; margin-right: 6px; vertical-align: top; background-position: center; background-repeat: no-repeat;} 
.showDetailMainB a.showDetailLqyp {color: #00acc1; border-color: #00acc1;}
.showDetailMainB a.showDetailLqyp span { background-image: url(../images/show_t_b1.png); }
.showDetailMainB a.showDetailZxzx {color: #0068b7; border-color: #0068b7;}
.showDetailMainB a.showDetailZxzx span { background-image: url(../images/show_t_b2.png); }
.showDetailMainB a.showDetailZxgm {color: #e83522; border-color: #e83522;}
.showDetailMainB a.showDetailZxgm span {background-image: url(../images/show_t_b3.png); }

.showDetailInner {margin-top: 10px;}
.showDetailInner h2 {height: 46px; margin-bottom: 30px; line-height: 46px; border-bottom: 1px solid #bfbfbf;}
.showDetailInner h2 span {display: inline-block; width: 148px; height: 100%; text-align: center; font-size: 24px; vertical-align: top; background: #eee; border: 1px solid #bfbfbf; border-bottom: 1px solid #eee;}
.showDetailInnerW {background: #fff;}
.showDetailInnerW .pic1 {margin-top: 15px;}

.showDetailBH .block {width: 70px;}
.showDetailH {padding-right: 15px;}
.showDetailH h3 {}
.showDetailH h3 span {display: inline-block; height: 24px; line-height: 22px; padding-left: 8px; font-size: 24px; color: #333; font-weight: normal; border-left: 3px solid #00acc1; vertical-align: middle;}

.showDetailBW {}
.showDetailBW {}
.showDetailBW .sliderShowDetail {padding-top: 20px;}
.showDetailBW .sliderShowDetail li {margin-right: 23px;}
.showDetailBW ul li p {margin-top: 8px;}
.showDetailBW .bx-wrapper .bx-controls-direction a {width: 24px; height: 24px; top: -37px; margin-top: 0; background-color: #999999; background-repeat: no-repeat; background-position: center; background-size: 10px; box-sizing: border-box;}
.showDetailBW .bx-wrapper .bx-controls-direction a:hover {background-color: #00acc1; background-position: center;}
.showDetailBW .bx-wrapper .bx-prev {left: auto; right: 32px; background-image: url(../images/jt_zuo2.png);}
.showDetailBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

/************资讯中心************/
.bannerNews {background-image: url(../temp/banner_news.jpg);}
.newsW {margin-top: 50px;}
.newsList {}
.newsList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.newsList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsList li .pic {float: left; width: 250px;}
.newsInner {float: right; width: 606px; }
.newsInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;}
.newsInner h2 a:hover {color: #00acc1;}
.newsInner h3 {font-size: 12px; color: #999; line-height: 20px;}
.newsInner p {margin-top: 8px; line-height: 26px; color: #666;}
.newsInner a.more {display: block; width: 116px; height: 32px; margin-top: 18px; line-height: 32px; text-align: center; color: #00acc1; border: 1px solid #00acc1;}
.newsInner a.more:hover {color: #fff; background: #00acc1;}
.newsW .page {margin-top: 30px; margin-bottom: 60px;} 

/************资讯中心-详情页************/
.newsDetailW {margin-top: 70px; padding: 0 25px;}
.newsDetailH {text-align: center;}
.newsDetailH h2 {font-size: 30px; font-weight: 600; margin-bottom: 15px;}
.newsDetailH p {color: #666;}
.newsDetailCont { margin-top: 28px;}
.newsDetailCont p {margin-bottom: 30px; font-size: 16px; color: #666; line-height: 38px;}
.newsDetailCont p span {font-weight: 600; }
.newsDetailCont  img {width:65% }

.jump {padding: 12px 0; border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.jump p {line-height: 36px;}
.jump p a {color: #666;}
.jump p a:hover {color: #00acc1;}
.jump p a span {font-size: 18px; font-weight: 600;}

.newsLink {height: 34px; line-height: 34px; margin-top: 20px; margin-bottom: 60px;}
.newsLink span {margin-right: 8px; color: #666;}
.newsLink a {display: inline-block; width: 34px; height: 34px; margin-right: 20px; vertical-align: top; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 100%;} 
.newsLink a.linkWeibo {background-image: url(../images/news_link_weibo.png);}
.newsLink a.linkWeixin {background-image: url(../images/news_link_weixin.png); background-position: center 4px;}
.newsLink a.linkPeng {background-image: url(../images/news_link_peng.png); background-position: center 2px;}

/************常见问题************/
.bannerIssue {background-image: url(../temp/banner_issue.jpg);}
.issueW {margin-top: 50px; margin-bottom: 60px;}
.issueList {margin-bottom: 30px;}
.issueList li {padding-left: 20px; margin-bottom: 20px; background: #fff;}
.issueList li:hover {box-shadow: 0 0 20px 0 #c6c6c6;}
.issueList li:first-child .issueInner {display: block;}
.issueList li h2 {height: 48px; padding-right: 45px; line-height: 48px; font-size: 16px; position: relative; cursor: pointer;}
.issueList li h2 em {color: #00acc1;}
.issueList li h2 span {position: absolute; width: 40px; height: 40px; top: 50%; right: 12px; transform: translateY(-50%); background: url(../images/issue_btn_jia.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.issueList li h2 span.on {background: url(../images/issue_btn.png) no-repeat center;}
.issueInner {display: none; padding: 22px 30px 20px 0; line-height: 32px; border-top: 1px solid #d2d2d2;}
.issueInner span {float: left; width: 30px; font-size: 16px; color: #00acc1;}
.issueCont {float: right; width: calc(100% - 32px);}
.issueCont p {margin-top: 18px;}
.issueCont p:first-child {margin-top: 0;}
.issueCont p a:hover {color: #00acc1;}

/*************样品领取***********/
.sample {padding: 160px 0 158px 0; background: url(../temp/simple_bg.jpg) no-repeat center; background-size: cover;}
.sampleW {width: 828px; margin: 0 auto;}
.sampleH {text-align: center; margin-bottom: 84px;}
.sampleH h2 {font-size: 36px; font-weight: 600;}
.sampleH .line {width: 90px; height: 4px; margin: 12px auto 0; background: #00acc1;}
.formInner {margin-bottom: 20px;}
.formInner .left {float: left;}
.formInner .right {float: right;}
.formW {width: 48.5%; height: 40px; line-height: 40px; font-size: 0; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formW p {display: inline-block; padding-left: 14px; margin-right: 6px; vertical-align: middle; font-size: 16px; color: #999;}
.formW p span {color: #e93c3c;}
.formW input {width: calc(100% - 72px); font-size: 14px; vertical-align: middle;}
.formW input.formTel::-webkit-inner-spin-button,
.formW input.formTel::-webkit-outer-spin-button {-webkit-appearance: none;}
.formW input.formTel{-moz-appearance: textfield;}
.formText .formW {width: 100%; height: 236px; padding: 15px 15px; box-sizing: border-box;}
.formText .formW textarea {width: 100%; height: 100%; font-size: 16px; line-height: 26px;}
.formYzmInner {height: 40px; line-height: 40px; margin-bottom: 10px;}
.formYzmInner .formYzmW {float: left; width: 160px; height: 100%; margin-right: 15px; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formYzmInner .formYzmW input {width: 78px;}
.formYzmInner a {float: left; width: 154px; margin-right: 15px; font-size: 0; overflow: hidden;}
.formYzmInner a img {width: 100%; vertical-align: middle;}
.formYzmInner h4 {float: left; font-size: 16px;}
.hint {height: 20px; padding-left: 15px; line-height: 20px;}
.hint p {display: none; font-size: 14px; color: #CA2615;}
.formB {margin-top: 10px;}
.formB button {width: 220px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; border-radius: 4px; cursor: pointer; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.formB button.formSure {margin-right: 20px; background: #00acc1;}
.formB button.formSure:hover {background: #015331;}
.formB button.formReturn {background: #333;}
.formB button.formReturn:hover {background: #000;}

/*************联系我们***********/
.bannerContact {background-image: url(../temp/banner_contact.jpg);}
.contactList {padding-left: 90px; margin-top: 50px; margin-bottom: 50px;}
.contactList li {float: left; width: 32.333%; margin-right: 1%;}
.contactList li span {width: 46px; height: 46px; float: left; line-height: 46px; font-size: 0; text-align: center;}
.contactList li span img {vertical-align: middle;}
.contactC {float: right; width: calc(100% - 52px);}
.contactC h3 {color: #666; line-height: 20px;}
.contactC p {font-size: 24px; line-height: 26px;}
.contactC p em {font-size: 20px;}

.contactMap {height: 556px;}
#map {width: 100%; height: 100%;}

.muen {display: none; position: absolute; width: 36px; height: 36px; box-sizing: border-box; padding: 10px 6px; background: #00acc1; border-radius: 6px; right: 15px; top: 50%; transform: translateY(-50%); z-index: 99;}
.muen span {display: block; width: 100%; height: 3px; margin-top: 4px; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.muen span:first-child {margin-top: 0;}
.muen.on span.muenX {margin-top: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.muen.on span.muenY {display: none;}
.muen.on span.muenZ {margin-top: -3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.wapBottom {display: none; position: fixed; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.8); bottom: 0; left: 0; z-index: 222;}
.wapBottom ul {}
.wapBottom ul li {float: left; width: 25%; text-align: center; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2);}
.wapBottom ul li:first-child {border: none;}
.wapBottom ul li a {display: block; width: 100%; height: 100%; color: #fff; font-size: 14px;}

.BtnL {display: none; width: 30px; height: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 22; background: url(../images/btn_l_11.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.BtnL.on {background: url(../images/btn_l_1.png) no-repeat center;}

.wapBg {position: fixed; width: 100%; height: 100%; background: url(../temp/bgbgbg.jpg) no-repeat center; bottom: 0; left: 0; z-index: -2;}

.homeAdvanceWW {display: none; margin: 30px 0;}
.homeAdvanceWW img {width: 100%;}

.showPic .bx-wrapper .bx-pager {width: 60px; left: auto; right: 0;}

.banner .bx-wrapper .bx-controls-direction a {display: none; width: 46px; height: 52px; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.banner .bx-wrapper .bx-controls-direction a:hover {background-color: rgba(0,0,0,0.5); background-position: center;}
.banner .bx-wrapper .bx-prev {left: 40px; background-image: url(../images/jt_zuo2.png);  /*border-right: 1px solid #f5f5f5;*/}
.banner .bx-wrapper .bx-next {right:40px; background-image: url(../images/jt_you2.png);}
.banner:hover .bx-wrapper .bx-controls-direction a {display: block;}

.homeAdvanceM {display: none; margin-top: 20px;}
.homeAdvanceM ul {}
.homeAdvanceM ul li {float: left; width: 49%; text-align: center; margin-right: 2%; margin-bottom: 15px; padding: 12px 12px; background-color: #e1e1e1; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.homeAdvanceM ul li:nth-child(2n) {margin-right: 0;}
.homeAdvanceM ul li h3 {font-size: 20px; font-weight: 600; color: #00acc1;}
.homeAdvanceM ul li p {line-height: 26px; color: #444;}
.homeAdvanceM ul li .homeAdvanceTxt {height: 104px; margin-top: 8px; padding: 0 10px; }
.homeAdvanceM ul li.bg1 {background-image: url(../images/home_advance_01.png);}
.homeAdvanceM ul li.bg2 {background-image: url(../images/home_advance_02.png);}
.homeAdvanceM ul li.bg3 {background-image: url(../images/home_advance_03.png);}
.homeAdvanceM ul li.bg4 {background-image: url(../images/home_advance_04.png);}

.navNext {width: 100%; height: 40px; line-height: 40px; position: fixed; background: #f2f2f2; top: -40px; left: 0; z-index: 66; box-shadow: 0 0 10px 1px #c7c7ca; /*border-bottom: 1px solid #b9b7b2;*/}
.navNextW {text-align: center;}
.navNextW ul {width: 800px; margin-left: 184px;}
.navNextW ul li {display: inline-block; color: #444; margin: 0 20px; cursor: pointer;}
.navNextW ul li.on {color: #00acc1;}

.productWap {display: none; margin-top: 20px; }
.productWap ul {}
.productWap ul li {float: left; /*width: 23.5%;*/ width: 49%; height: 118px; /*height: 150px;*/ padding: 12px 12px; margin-right: 2%; margin-bottom: 15px; box-sizing: border-box; background: #fbf8f4; box-shadow: 0 0 8px 0 #C6C6C6;   /*background: url(../images/product_wap_bg.png) no-repeat center; background-size: 100% 100%;*/}
.productWap ul li:nth-child(2n) {margin-right: 0;}
/*.productWap ul li:nth-child(4n) {margin-right: 0;}*/
.productWap ul li h3 {text-align: center; font-size: 18px;}
.productWap ul li p {color: #444;}
.productWap ul li .line {width: 30px; height: 2px; margin: 8px auto 10px; background: #00acc1;}

.vjs-poster {background-size: cover;}


@media (max-width: 420px) {
	.homeAdvanceM ul li h3 {font-size: 18px;}
	.homeAdvanceM ul li p {font-size: 13px; line-height: 22px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 135px;  padding: 0 8px;}
	
	.productWap ul li {/*height: 168px;*/ height: 122px; padding: 10px 10px;}
	.productWap ul li h3 {font-size: 16px;}
	.productWap ul li .line {width: 24px;margin: 6px auto 8px;}
	.productWap ul li p {font-size: 13px;}
	
}
@media (max-width: 380px) {
	.homeAdvanceM ul li h3 {font-size: 16px;}
	.homeAdvanceM ul li p {font-size: 12px; line-height: 20px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 120px; margin-top: 4px; padding: 0;}
	.homeAdvanceM ul li {background-size: auto 38%;}
	
	.productWap ul li {height: 108px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 15px;}
	.productWap ul li .line {width: 22px;margin: 4px auto 6px;}
	.productWap ul li p {font-size: 12px;}
	
}
@media (max-width: 320px) {
	.homeAdvanceM ul li h3 {font-size: 15px;}
	.homeAdvanceM ul li p {font-size: 10px; line-height: 18px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 126px; margin-top: 4px; }
	.homeAdvanceM ul li {background-size: auto 42%;}
	
	
	.productWap ul li {height: 120px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 14px;}
	.productWap ul li .line {width: 20px;margin: 3px auto 6px;}
	.productWap ul li p {font-size: 10px;}
	
}

@media (max-width: 1200px) {
	/*.wrap {width: 1000px;}*/
	.wrap {width: 100%; padding: 0 20px; box-sizing: border-box;} 
	.logo {margin-right: 20px;}
	.logo img {width: 130px;}
	#nav ul li {width: 84px;}
	#nav ul li:first-child {width: 64px;}
	.topPhone .pic {margin-right: 4px;}
	.topPhone .cont p {font-size: 20px;}
	.homeAdvance {padding: 86px 0 86px 0;}
	.homeAdvanceTit h2 {font-size: 56px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 372px; height: 338px;}
	.homeAdvanceW ul {margin-left: -58px;}
	.homeAdvanceW ul li {width: 266px;height: 231px;margin-bottom: 8px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 193px;}
	.homeAdvanceW .homeAdvanceList2 {margin-top: 120px;}
	.homeAdvanceW .homeAdvanceList4 {margin-top: 120px;}
	.homeAdvanceCont h3 {height: 60px; line-height: 60px; font-size: 24px;}
	.homeAdvanceCont { padding-top: 20px;}
	.homeAdvanceCont p {font-size: 13px; line-height: 20px;}
	.homeSpH {height: 330px;}
	.homeSpH h2 {padding-top: 52px;}
	.homeSpH h3 {font-size: 32px;}
	.homeSpT .right {height: 432px;}
	.homeSpTW {height: 560px;}
	.homeSpTW .bx-wrapper .bx-pager {bottom: 16px;}
	.homeSpTW .bx-wrapper .bx-pager {padding-top: 50px;}
	.homeSpTInner h2 {font-size: 28px;}
	.homeSpB {padding: 50px 80px 92px 80px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 350px}
	.homeSpBW .bx-wrapper .bx-next {right: 350px;}
	.lineW span {width: 190px;}
	.homeSp {padding-bottom: 90px;}
	.homeZpc {padding: 90px 0 100px 0;}
	.homeZpc .left {width: 30%; height: auto;}
	.homeZpc .right {width: 66%;}
	.homeZpc .right h2 {font-size: 32px;}
	.homeZpc .right .line {margin: 15px 0 0 -88px;}
	.homeZpcCont {margin-top: 16px;}
	.homeZpcCont p {line-height: 22px; margin-bottom: 22px;}
	.homeZpcList {margin-top: 40px;}
	.homeDzzxH {height: 280px;}
	.homeDzzxH h2 {font-size: 34px; padding-top: 86px;}
	.homeDzzx .wrap {margin-top: 80px;}
	.homeDzzxT .right {width: 43%;}
	.homeDzzxT .left {width: 55%;}
	.homeDzzxT .left ul li {width: 49%; margin-right: 2%;}
	.homeDzzxT ul li {margin-bottom: 20px;}
	.homeDzzxTH h2 {padding-top: 14px; font-size: 34px;}
	.homeDzzxTH .line {margin-bottom: 16px;}
	.homeDzzxMore {top: 16px;}
	.homeDzzxT .right ul {margin-top: 30px;}
	.homeDzzx {padding-bottom: 60px;}
	.homeDzzxBW ul {padding-top: 40px;}
	.homeNews {padding: 80px 0 40px 0;}
	.homeNewsTxt {padding: 10px 0 30px 0;}
	.homeNewsInner ul li {margin-bottom: 30px;}
	
	#footer {padding: 40px 0;}
	.footerEwm {margin-left: 20px; padding: 0 36px;}
	.footerEwm .pic {width: 136px;}
	#footer ul li {margin-left: 80px;}
	
	.aboutH {height: 126px; margin-top: -126px;}
	.aboutH h3 {font-size: 22px; padding-top: 28px;}
	.aboutH h2 {font-size: 28px; line-height: 36px;}
	
	.aboutRTop p {margin-top: -32px;}
	.aboutContact ul li {padding: 0 10px 0 8px;}
	.aboutContact ul li p {width: calc(100% - 82px);}
	.aboutRH {margin-top: 52px;}
	.aboutRH h2 {font-size: 34px;}
	.aboutRW {margin-top: 36px;}
	.aboutPic {margin: 0 25px 16px 0;}
	.aboutRW h3 {font-size: 32px; line-height: 40px;margin-bottom: 22px;}
	.aboutRW p {font-size: 16px; margin-bottom: 20px;}
	.aboutRInner {padding: 20px 30px 20px 30px;}
	.aboutRInnerWrit {width: 290px;}
	.aboutRInnerWrit h2 {font-size: 34px;color: #fff;font-weight: 600;}
	.aboutRInnerWrit h3 {margin-bottom: 16px;}
	.aboutRInnerPic {width: 382px;}
	.aboutPic {width: 298px;}
	
	.bannerBox {height: 350px;}
	.bannerBox .bg {height: 186px;}
	
	.contactC p {font-size: 22px;}
	.contactC p em {font-size: 18px;}
	.contactList {margin: 40px 0;}
	.contactMap {height: 500px;}
	.newsList li .pic {width: 210px;}
	.newsInner {width: calc(100% - 228px);}
	.newsInner p {margin-top: 4px;line-height: 22px;}
	.newsInner a.more {margin-top: 12px;}
	.newsW {margin-top: 30px;}
	.newsDetailW {margin-top: 52px; padding: 0 20px;}
	.newsDetailH h2 {font-size: 28px; margin-bottom: 10px;}
	.newsDetailCont {margin-top: 20px;}
	.newsDetailCont p {margin-bottom: 20px;line-height: 36px;}
	.jump p {line-height: 34px;}
	.newsLink {margin-top: 14px;}
	.productWhy {padding: 68px 0 62px 0;}
	.productYf {padding: 60px 0 80px 0;}
	.productWhyH h2 {font-size: 46px;}
	.productWhyH p {font-size: 32px;}
	.productWhy .pic {margin-top: 40px;}
	.productYf h2 {font-size: 34px;}
	.productCxH h2 {font-size: 34px; margin-bottom: 8px;}
	.productYfList {margin-top: 42px;}
	.productCx {padding: 78px 0 56px 0;}
	.productCxList {margin-top: 40px;}
	.productGy {padding: 82px 0 72px 0;}
	.productGyList {margin-top: 36px;}
	.productSp {padding: 82px 0 82px 0;}
	.productJg {padding: 82px 0 32px 0;}
	.productCh {padding: 64px 0 60px 0;}
	.productAl {padding: 82px 0 80px 0;}
	.productAlList li .bg .writ {padding: 0 10px;}
	.sampleW {width: 770px;}
	.sample {padding: 152px 0 138px 0;}
	.sampleH {margin-bottom: 68px;}
	.showList {margin-top: 44px;}
	
	.showWap {width: 250px; height: 250px;}
	.showDetailMainCont {width: calc(100% - 270px);}
	.showDetailMainCont {margin-top: 4px;}
	.showDetailMainCont h2 {font-size: 26px; padding-bottom: 6px; line-height: 32px;}
	.showDetailMainCont h3 {height: 42px; line-height: 42px;}
	.showDetailMainCont p {margin-top: 0px;}
	.showDetailMainB {margin-top: 20px;}
	.showDetailInner h2 span {font-size: 22px;}
	.showDetailInner h2 {margin-bottom: 24px;}
	.homeDzzxB {margin-top: 46px;}
	.showDetailBW .sliderShowDetail li {margin-right: 18px;}
	
	#bottom a {margin: 0 20px;}
	#bottom em {margin-right: 5px;}
	
	.homeAdvanceW {width: 1000px;}
	
	.navNextW ul {margin-left: 78px;}
	.navNextW ul li {margin: 0 14px;}
}

@media (max-width: 1024px) {
	/*.wrap {width: 960px;}*/
	#top {height: 90px; line-height: 90px;}
	.logo img {width: 155px;}
	.topPhone {margin-top: 25px;}
	#nav ul li {width: 80px;}
	#nav ul li:first-child {width: 60px;}
	.homeAdvance {padding: 76px 0 76px 0;}
	.homeAdvanceTit h2 {font-size: 52px; line-height: 70px;}
	
	.homeAdvanceW ul li {width: 256px; height: 222px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 365px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 115px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 184px;}
	.homeAdvanceCont {padding-top: 18px;}
	.homeAdvanceCont h3 {height: 58px; line-height: 58px; font-size: 23px;}
	.homeSpT .right {height: 415px;}
	.homeSpTW {height: 524px;}
	.homeSpTInner:first-child {padding-top: 32px; margin-bottom: 34px;}
	.homeSpTInner h2 {font-size: 26px;}
	.homeSpTInner h2 span {margin-right: 0; }
	.homeSpTInner h2 span img {width: 30px;}
	.homeSpH {height: 320px;}
	.homeSpH h3 {font-size: 30px;line-height: 42px;}
	.homeSpH h2 {font-size: 22px;}
	.homeSpH .line {margin-bottom: 40px;}
	.homeSpB {padding: 50px 70px 86px 70px;}
	.homeSpB .bg {width: 400px; top: -46px;}
	.homeSpB .bg img {width: 100%;}
	.sliderHomeSpB li a {padding-bottom: 34px;}
	.homeSp {padding-bottom: 80px;}
	.homeZpc {padding: 80px 0 90px 0;}
	/*.homeZpc .right {width: 560px;}
	.homeZpc .left {width: 372px;}*/
	.homeDzzxH h2 {font-size: 32px;}
	/*.homeDzzxT .right {width: 420px;}*/
	/*.homeDzzxT .left {width: 524px;}*/
	.homeDzzxTH h2 {font-size: 32px;}
	.homeDzzxBW ul li {margin-right: 20px;}
	.homeDzzxB {margin-top: 40px;}
	.homeNews {padding: 70px 0 30px 0;}
	.homeNewsH .left h3 em {font-size: 46px;}
	
	.footerEwm {padding: 0 30px; margin-left: 12px;}
	.footerEwm .pic {width: 130px;}
	#footer ul li {margin-left: 72px;}
	#bottom a {margin: 0 16px;}
	#bottom em {margin-right: 0;}
	#bottom {height: 60px; line-height: 60px;}
	#footer {padding: 30px 0;}
	.footerCopy {margin-top: 24px;}
	.footerZxH {margin-bottom: 12px;}
	
	.bannerBox {height: 300px;}
	.aboutH {height: 116px; margin-top: -116px;}
	.aboutH h2 {font-size: 26px; line-height: 34px;}
	.aboutH h3 {font-size: 20px; line-height: 26px;}
	.aboutContact ul li {padding: 0 8px 0 4px;}
	.aboutContact ul li span {width: 20px; height: 20px; margin-right: 0;}
	.aboutContact ul li p {width: calc(100% - 76px);}
	.aboutEwm img {width: 100px;}
	.aboutRH {margin-top: 46px; padding: 0 10px;}
	.aboutRH h2 {font-size: 32px;  line-height: 42px;}
	.aboutPic {width: 288px;}
	.aboutRW h3 {font-size: 30px; margin-bottom: 16px;}
	.aboutRInner {padding: 20px 20px 20px 20px;}
	.aboutRInnerWrit h2 {font-size: 32px;}
	.aboutRInnerWrit h3 {font-size: 16px;}
	.aboutRInnerPic {width: 374px;}
	.contactList li span {width: 42px; height: 42px;}
	.contactList li span.icon1 img {width: 34px;}
	.contactList li span.icon2 img {width: 40px;}
	.contactList li span.icon3 img {width: 26px;}
	.contactList {padding-left: 60px;}
	.contactMap {height: 450px;}
	
	.issueCont p {margin-top: 12px;}
	.issueInner {padding: 16px 26px 15px 0; line-height: 30px;}
	.newsList li .pic {width: 200px;}
	.newsInner {width: calc(100% - 215px);}
	.newsDetailH h2 {font-size: 26px;}
	.newsLink a {margin-right: 15px;}
	.productWhyH h2 {font-size: 44px;}
	.productWhyH p {font-size: 30px;}
	.productWhyH p span {width: 120px;}
	.productYfList li span {width: 124px; height: 140px;}
	.productYfList li p {font-size: 16px; margin-top: 10px;}
	.productSpVideo {width: 480px; height: 310px;}
	.productSpPic {width: 596px;}
	.video-js .vjs-big-play-button {width: 70px; height: 70px;}
	.productAlList li h3 {width: 92px; height: 92px; line-height: 92px; font-size: 22px;}
	.showWap {width: 238px; height: 238px;}
	.showDetailMainCont {width: calc(100% - 258px);}
	.showPic .bx-wrapper .bx-pager {padding-right: 10px;}
	.showDetailMainB a {width: 130px; margin-left: 10px;}
	
	.main,.bannerBox {margin-top: 90px;}
	
	.homeAdvanceW {width: 960px;}
	
	.navNext {/*top: 90px;*/}
	.navNextW ul {margin-left: 56px;}
	.navNextW ul li {margin: 0 10px;}
}

@media (max-width: 992px) {
	body {overflow-x: hidden;}
	/*.wrap {width: 750px;}*/
	#top {height: 70px; line-height: 70px; width: 100%; position: fixed; top: 0; left: 0;}
	#top .wrap {width: 96%;}
	.topPhone {display: none;}
	.muen {display: block;}
	 
	#nav {width: 200px; height: 100%; padding: 70px 0 40px 0; position: fixed; left: -200px; top: 0; z-index: 66; box-sizing: border-box;}
	#nav ul {width: 100%; height: 100%; background: #fff;}
	#nav ul li {width: 100%; height: auto; margin: 0; line-height: 48px; font-size: 16px; text-align: left; /*border-bottom: 1px solid #DADADA;*/ border-bottom: none; box-sizing: border-box; position: relative;}
	#nav ul li > a {padding: 0 40px 0 15px; border-bottom: 1px solid #DADADA;}
	#nav ul li:first-child {width: 100%;}
	#nav ul li .navBtn {display: block; position: absolute; width: 50px; height: 50px; background: url(../images/jt_about.png) no-repeat center; right: 0; top: 0; z-index: 66; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor: pointer;}
	#nav ul li .navBtn.on {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
	#nav ul li .navDown {}
	#nav ul li .navDown a {display: block; height: 45px; padding: 0 15px 0 22px; line-height: 45px; font-size: 15px; background: #F5F5F5; border-bottom: 1px solid #E1E1E1;}
	#nav ul li .navDown a:hover {color: #fff; background: #25AA2F;}
	#nav ul li .navDown a.on {color: #fff; background: #25AA2F;}
	
	.logo {position: relative; z-index: 222;}
	.main {margin-top: 70px;}
	
	.wapBottom {display: block;}
	
	.homeAdvance {padding: 60px 0 60px 0;}
	.homeAdvanceTit h2 {font-size: 48px; line-height: 62px;}
	.homeAdvanceW ul li {width: 208px; height: 181px;margin-bottom: 5px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 268px; }
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 93px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 162px;}
	.homeAdvanceW ul {margin-left: -48px;}
	.homeAdvanceCont p {font-size: 12px; line-height: 18px; padding: 0 27px 0 40px;}
	.homeAdvanceCont h3 {height: 46px; line-height: 46px; font-size: 18px;margin-bottom: 4px;}
	.homeAdvanceCont {padding-top: 8px;}
	.homeAdvan{margin-top: 30px;}
	.homeSpH {height: auto; padding: 0 0 40px 0;}
	.homeSpTInner h2 {font-size: 22px;}
	.homeSpTInner {width: 88%;}
	.homeSpH h3 {font-size: 28px; line-height: 38px;}
	.homeSpH .line {margin: 24px 0 30px 0;}
	.homeSpB {padding: 40px 50px 80px 50px;}
	.homeSpBW .bx-wrapper .bx-next {right: 244px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 244px;}
	.lineW span {width: 170px;}
	.homeSpBW {margin-top: 50px;}
	.sliderHomeSpB li a {padding-bottom: 20px;}
	.homeSp {padding-bottom: 60px;}
	.homeZpc {padding: 60px 0 70px 0;}
	/*.homeZpc .left {width: 280px;}
	.homeZpc .right {width: 442px;}*/
	.homeZpc .right h2 {font-size: 28px;}
	.homeZpc .right .line {margin: 10px 0 0 -76px;}
	.homeDzzxH {height: 248px;}
	.homeDzzxH h2 {font-size: 28px; padding-top: 78px; margin-bottom: 24px;}
	/*.homeDzzxT .right {width: 322px;}
	.homeDzzxT .left {width: 416px;}*/
	.homeDzzxTH h2 {font-size: 28px;}
	.homeDzzxMore {width: 40px; height: 40px;}
	.homeDzzxB {margin-top: 30px;}
	.homeDzzxBHCont h3 {font-size: 26px; line-height: 36px;}
	.homeDzzxBHCont p {font-size: 16px; line-height: 30px;}
	.homeDzzxBHCont {padding-right: 15px;}
	.homeDzzxBH .block {width: 124px;}
	.homeNews {padding: 50px 0 20px 0;}
	.homeNewsH .left h3 em {font-size: 40px; padding-right: 15px;}
	.homeNewsNum {font-size: 32px; width: 42px;}
	.homeNewsCont {width: calc(100% - 46px);}
	.homeNewsInner ul li {margin-bottom: 20px;}
	.homeNewsTxt {padding: 8px 0 20px 0;}
	#bottom a {margin: 0 6px;}
	.footerZx {width: 218px;}
	.footerEwm {padding: 0 20px; margin-left: 10px;}
	.footerEwm .pic {width: 120px;}
	#footer {padding-bottom: 50px;}
	#footer ul li {margin-left: 30px;}
	.footerCopy {margin-top: 18px;}
	
	.bannerBox {height: 230px; margin-top: 70px;}
	.bannerBox .bg {height: 96px; background-size: 100% 100%;}
	.aboutLAd {display: none;}
	.aboutContact {display: none;}
	
	.aboutL {width: 100%; height: 60px; margin-top: 15px; background: #00acc1; position: relative;}
	.aboutH {width: 160px;height: 100%; margin: 0; margin-left: 20px; text-align: left;}
	.aboutH h3 {font-size: 14px;line-height: 22px; padding-top: 5px;}
	.aboutH h2 {font-size: 20px; line-height: 22px;}
	.BtnL {display: block;}
	.aboutNav {display: none; position: absolute; width: 100%; z-index: 66;}
	.aboutNav li {height: 44px; line-height: 44px;}
	
	.aboutR {width: 100%; margin-top: 15px;}
	.aboutRTop p {margin: 0; font-size: 14px; background: url(../images/about_r_position_wap.png) no-repeat left center;}
	.aboutRTop {color: #333;}
	.aboutRTop a {color: #333;}
	.aboutRH {margin-top: 22px;}
	.aboutRH h2 {font-size: 28px; line-height: 34px;}
	.aboutRH p {font-size: 14px; line-height: 22px;}
	.aboutPic {width: 242px;}
	.aboutRW h3 {font-size: 26px; line-height: 32px; margin-top: 8px; margin-bottom: 12px;}
	.aboutRW p {font-size: 14px; line-height: 24px; margin-bottom: 16px;}
	.aboutRInner {margin-top: 20px;}
	.aboutRInnerWrit h2 {font-size: 28px; line-height: 32px;}
	.aboutRInnerWrit h3 {font-size: 14px;}
	.contactList {padding-left: 15px; margin: 30px 0;}
	.contactC h3 {line-height: 18px;}
	.contactC p {font-size: 20px; line-height: 22px;}
	.contactC p em {font-size: 16px;}
	.contactList li span {width: 38px; height: 38px; line-height: 38px;}
	.contactList li span.icon1 img {width: 32px;}
	.contactList li span.icon2 img {width: 38px;}
	.contactList li span.icon3 img {width: 24px;}
	.contactC {width: calc(100% - 44px);}
	.contactMap {height: 400px;}
	.issueW,.newsW ,.newsDetailW{margin-top: 20px;}
	.newsInner {/*width: 528px;*/}
	.newsDetailH h2 {font-size: 22px; margin-bottom: 4px;}
	.newsDetailCont p {line-height: 32px; margin-bottom: 16px; font-size: 15px;}
	.jump p a span {font-size: 16px;}
	
	.productWhyH h2 {font-size: 38px; line-height: 40px;}
	.productWhyH p {font-size: 27px; line-height: 68px;}
	.productWhyH p span {width: 110px; height: 68px; margin-right: 0;}
	.productWhy {padding: 58px 0 58px 0;}
	.productWhy .pic {margin-top: 25px;}
	.productYfList li span {width: 110px; height: 124px;}
	.productYfList li p {line-height: 24px; font-size: 15px;}
	.productYfList,.productCxList,.productGyList,.showList,.showDetailW {margin-top: 30px;}
	.productCx {padding: 66px 0 46px 0;}
	.productCxH h2 {font-size: 28px;}
	.productCxH p,.showList li p {font-size: 15px;}
	.productGy {padding: 70px 0 60px 0;}
	.productAlList {margin-top: 80px;}
	.productAlList li h3 {width: 80px; height: 80px; line-height: 80px; font-size: 18px;}
	.sampleW {width: 696px;}
	.sample {padding: 118px 0 114px 0}
	.sampleH h2 {font-size: 30px;}
	.sampleH {margin-bottom: 52px;}
	.showDetailMainCont {}
	.showDetailMainCont h2 {font-size: 22px; line-height: 26px;}
	.showDetailMainCont h3 {height: 40px; line-height: 40px; margin-top: 12px; font-size: 16px;}
	.showDetailMainCont p {font-size: 13px;}
	.showDetailMainB a {width: 120px; font-size: 15px;}
	.showDetailInner h2 span {width: 136px; font-size: 20px;}
	.showDetailBW .sliderShowDetail {padding-top: 10px;}
	
	.main,.bannerBox {margin-top: 70px;}
	
	.homeAdvanceW {width: 960px;}
	#bottom {display: none;}
	
	.navNext {display: none;}
	
	.productSp {padding: 82px 0 160px 0;}
	.productSpPic {bottom: -80px;}
	
	.banner img.img1 {display: none;}
	.banner img.img2 {display: block;}
	
}

@media (max-width: 768px) {
	.wrap {padding: 0 15px;}
	.homeAdvance {padding: 40px 0 30px 0;}
	.homeAdvanceTit h2 {font-size: 30px; line-height: 32px; margin-bottom: 6px;}
	.homeAdvanceTit p {font-size: 14px; line-height: 20px;}
	/*.homeAdvanceW ul {width: 28.666%;}
	.homeAdvanceW .homeAdvanceList1 {width: 33%;}
	.homeAdvanceW ul li,.homeAdvanceW .homeAdvanceList1 li {width: 100%;}
	.homeAdvanceW ul {margin-left: -6.888%;}*/
	/*.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 17.555%;}*/
	.homeAdvance {overflow-x: hidden;}
	.homeAdvanceTit {padding: 0 10px;}
	.homeAdvanceWap {width: 100%; height: 390px; padding-bottom: 6px; margin-top: 30px; overflow-x: auto; position: relative;}
	.homeAdvanceWap::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
	}  
	.homeAdvanceWap::-webkit-scrollbar {  
    width: 2px;  
    height: 2px;  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	}  
	.homeAdvanceWap::-webkit-scrollbar-thumb {  
    background-color: rgba(0, 0, 0, 0.5);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 2px;  
	}  
	.homeAdvanceWap::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(0, 0, 0, 0.6);  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	} 
	.homeAdvanceW {width: 640px; margin: 0 auto 0; /*position: absolute; top: 0; left: 50%; transform: translateX(-50%);*/}
	.homeAdvanceW ul li {margin-bottom: 1px; width: 176px; height: 153px;}
	.homeAdvanceW ul {margin-left: -42px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 78px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 130px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 238px; height: 206px;}
	.homeAdvanceCont {padding-top: 6px;}
	.homeAdvanceCont h3 {height: 36px; line-height: 36px; font-size: 15px;}
	.homeAdvanceCont p {font-size: 10px; line-height: 16px; padding: 0 13px 0 27px;}
	
	.homeSpH h2 {padding-top: 28px; font-size: 18px; line-height: 22px;}
	.homeSpH h3 {font-size: 22px; line-height: 32px;}
	.homeSpH .line {margin: 10px 0 15px 0;}
	.homeSpH h4 {font-size: 16px; line-height: 28px;}
	.homeSpH p {font-size: 12px; line-height: 16px;}
	.homeSpT .left {width: 100%; margin: 15px 0;}
	.homeSpT .right {width: 100%; height: auto;}
	.homeSpTW {position: relative;}
	.homeSpTInner h2 {font-size: 18px; margin-bottom: 10px;}
	.homeSpTInner h2 span {width: 24px;}
	.homeSpTInner h2 span img {width: 24px;}
	.homeSpTW {height: 500px;}
	.homeSpTInner:first-child {margin-bottom: 22px;}
	.homeSpB .bg {width: 50%;top: -5%;}
	.homeSpB {padding: 20px 12px 58px 12px;}
	.homeSpBH {height: 152px;}
	.homeSpBHCont h2 {font-size: 18px; line-height: 24px;}
	.homeSpBHCont p {font-size: 20px; line-height: 26px;}
	.homeSpBW .bx-wrapper .bx-next {right: 26%;}
	.homeSpBW .bx-wrapper .bx-prev {left: 26%;}
	.lineW span {width: 20%;}
	.homeSpBW .bx-wrapper .bx-pager {bottom: -42px;}
	.homeSpBW .bx-wrapper .bx-controls-direction a {bottom: -45px;}
	.homeSp {padding-bottom: 40px;}
	.homeZpc .left {width: 96%; margin-bottom: 20px;}
	.homeZpc .right {width: 100%;}
	.homeZpc .right .line {width: 110px; margin: 6px 0 0 0px;}
	.homeZpc .right h2 {font-size: 20px;}
	.homeZpc .right h2 {margin-top: 12px;}
	.homeZpcCont p {margin-bottom: 14px;}
	.homeZpcList {margin-top: 20px;}
	.homeZpcList li {width: 80px; height: 80px; margin-right: 10px;}
	.homeZpcList li p {font-size: 12px; padding-top: 18px;}
	.homeZpc {padding: 46px 0 55px 0;}
	.homeDzzxH {height: 200px;}
	.homeDzzxH h2 {font-size: 18px; line-height: 28px; padding-top: 60px;margin-bottom: 14px;}
	.homeDzzxH h3 a {width: 110px; font-size: 14px;}
	
	.homeDzzxT .right,.homeDzzxT .left {width: 100%;}
	.homeDzzx .wrap {margin-top: 30px;}
	.homeDzzxTH h2,.homeDzzxBHCont h3 {font-size: 18px;}
	.homeDzzxTH .line {margin-bottom: 10px;}
	.homeDzzxT .right ul,.homeDzzxB {margin-top: 20px;}
	.homeDzzxT ul li {margin-bottom: 12px;}
	.homeDzzxBHCont h3 {line-height: 28px;}
	.homeDzzxBHCont p {font-size: 14px; line-height: 22px;}
	.homeDzzxBHCont {width: 312px;}
	.homeDzzxBH .line,.homeDzzxBH .block {display: none;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: -42px;}	
	.homeDzzxBW .bx-wrapper .bx-prev {right: 40px;}
	.homeDzzxBW ul {padding-top: 20px;}
	.homeDzzxBW ul li {margin-right: 10px;}
	.homeDzzxBW ul li p {margin-top: 4px; font-size: 14px;}
	.homeDzzx {padding-bottom: 30px;}
	.homeNewsH {/*height: auto;*/}
	.homeNewsH .left h3 em {font-size: 24px; padding-right: 10px;}
	.homeNewsH .left h3 span { font-size: 14px;margin-top: 6px;}
	.homeNewsH .right {width: 100%;margin-top: -20px;}
	.homeNewsH .right a {width: 74px; height: 32px; line-height: 32px; font-size: 14px; }
	.homeNewsInner ul {width: 100%;}
	#bottom {height: auto; padding: 10px 0 10px 60px; line-height: 26px; font-size: 12px; position: relative; z-index: 22;}
	#bottom em {position: absolute; left: 10px; top: 10px;}
	#bottom a {display: inline-block;}
	.footerZx {width: 100%; text-align: center;}
	#footer {z-index: 22;}
	#footer .footerEwm {display: none; float: right; margin: 0; width: 44%; border: none; box-sizing: border-box; text-align: center;}
	.footerEwm .pic {width: 100%;}
	.footerEwm .pic img {display: inline-block; width: 110px; max-width: 100%;}
	#footer ul {display: none; width: 100%; margin-top: 16px; /*border-top: 1px solid #7c7c7c;*/ }
	#footer ul li {width: 24.25%; margin: 0; margin-left: 1%; font-size: 12px;}
	.footerZxH {display: none; width: 106px; font-size: 14px;}
	.footerZxH span {width: 18px;}
	.footerZxH span img {width: 100%;}
	.footerZxPhone p {font-size: 18px;}
	.footerCopy {margin-top: 8px; line-height: 22px; font-size: 12px;}
	.footerEwm p {font-size: 12px; line-height: 30px;}
	
	.bannerBox {height: 122px;}
	.bannerBox .bg {height: 48px;}
	
	.aboutH h3 {font-size: 13px; line-height: 18px; padding-top: 6px;}
	.aboutH h2 {font-size: 18px; line-height: 20px;}
	.aboutL {height: 52px;}
	.BtnL {right: 12px;}
	.aboutNav li {font-size: 14px;}
	.aboutRH h2,.aboutRInnerWrit h2 {font-size: 18px; line-height: 30px;}
	.aboutRH p {font-size: 13px; line-height: 18px;}
	.aboutRH {margin-top: 16px;}
	.aboutPic {width: 44%; margin: 0 15px 15px 0;}
	.aboutRW h3 {font-size: 16px; line-height: 24px; margin: 4px 0 8px 0;}
	.aboutRW p {font-size: 13px;}
	.aboutRInnerWrit {width: 100%;}
	.aboutRInnerPic {width: 100%; margin-top: 10px;}
	.aboutRInnerWrit h3 {font-size: 13px; line-height: 15px; margin-bottom: 10px;}
	.aboutRInner {padding: 15px 10px 15px 10px;}
	.contactList {padding-left: 0;}
	.contactList li span {width: 30px; height: 30px; line-height: 30px;}
	.contactList li span.icon1 img {width: 24px;}
	.contactList li span.icon2 img {width: 26px;}
	.contactList li span.icon3 img {width: 20px;}
	.contactC {width: calc(100% - 34px);}
	.contactList li {width: 100%; margin: 0; margin-bottom: 15px;}
	.contactC h3 {font-size: 12px; line-height: 15px;}
	.contactC p {font-size: 14px; line-height: 16px;}
	.contactC p em {font-size: 13px;}
	.contactMap {height: 260px;}
	.issueList li {padding-left: 10px; margin-bottom: 12px;}
	.issueInner {line-height: 26px; font-size: 13px;}
	.issueList li h2 {font-size: 14px;}
	.aboutRTop p {font-size: 12px;}
	.newsList li .pic {width: 130px;}
	.newsInner {width: calc(100% - 140px);}
	.newsW {margin-top: 10px;}
	.newsInner h2 {font-size: 15px; line-height: 18px;}
	.newsInner p {font-size: 12px; line-height: 18px;}
	.newsInner a.more {width: 78px; height: 28px; line-height: 28px; font-size: 12px;}
	.newsList li {padding: 15px 0;}
	.newsDetailH h2 {font-size: 18px; margin-bottom: 2px;}
	.newsDetailH p {font-size: 12px;}
	.newsDetailCont p {font-size: 14px; line-height: 24px; margin-bottom: 10px;}
	.newsDetailW {padding: 0 10px;}
	.jump p {line-height: 28px;}
	.jump p a span {font-size: 14px;}
	.newsLink a {margin-right: 6px;}
	
	.productNext {transform: scale(0.66); margin-left: -40px;}
	.productNext1 {top: -40px;}
	.productNext2 {top: -38px;}
	.productNext3 {top: -33px;}
	.productNext4,.productNext5 {top: -32px;}
	
	.productWhyH h2 {font-size: 22px; line-height: 36px;}
	.productWhyH p {height: auto; font-size: 15px; line-height: 40px;}
	.productWhyH p span {width: 66px; height: 40px;}
	.productYf h2,.productCxH h2 {font-size: 22px;}
	.productYfList li {width: 50%; margin-bottom: 10px;}
	.productYfList li p {margin-top: 4px;}
	.productCxH p, .showList li p {font-size: 12px; line-height: 20px;}
	.productCxList li p {font-size: 12px; line-height: 32px;}
	.productYfList, .productCxList, .productGyList, .showList, .showDetailW {margin-top: 20px;}
	.productCxList li {width: 48%; margin-left: 2%; margin-bottom: 10px;}
	.productCxList li:nth-child(2n+1){margin-left: 0;}
	.productGyList li {width: 32.666%; margin-left: 1%;}
	.productSpVideo {width: 100%; height: 250px; left: 0;}
	.productSpPic {width: 90%; right: auto; left: -10px;}
	/*.productSp {overflow-x: hidden;}*/
	.productSpVideo .bg {display: none;}
	.productSpPic .bg {top: auto; bottom: -10px; height: 48%;}
	.productSpW {height: 346px; margin-top: 20px;}
	.productGyList li {/*width: 49%; */margin-bottom: 10px;}
	/*.productJgList li:nth-child(4n) {margin-left: 2%;}*/
	.productJgList li:nth-child(2n+1) {margin-left: 0;}
	.productGyList li p {font-size: 14px; line-height: 34px;}
	.productAlList li {width: 49%; margin-left: 2%; margin-bottom: 36px;}
	.productAlList li:nth-child(2n+1) {margin-left: 0;}
	.productAlList li h3 {width: 50px; height: 50px; line-height: 50px; font-size: 15px;}
	.productAl {padding: 82px 0 30px 0;}
	.sampleW {width: 88%;}
	.formW {width: 100%; height: 36px; line-height: 36px;}
	.formW:first-child {margin-bottom: 15px;}
	.formInner {margin-bottom: 15px;}
	.formW p {font-size: 14px; padding-left: 10px;}
	.formW input {width: calc(100% - 58px);}
	.formText .formW textarea {font-size: 14px; line-height: 24px;}
	.formText .formW {height: 180px; padding: 10px 10px;}
	.formYzmInner {height: 36px; line-height: 36px;}
	.formYzmInner .formYzmW {width: 136px; margin-right: 10px;}
	.formYzmInner h4 {font-size: 14px;}
	.formYzmInner .formYzmW input {width: calc(100% - 68px);}
	.formYzmInner a {width: 136px;}
	.hint {margin-top: 38px;}
	/*.formB {margin-top: 20px;}*/
	.formB button {width: 36%; font-size: 14px;}	
	.formB button.formSure {margin-right: 4%;}
	.sample {padding: 110px 0 76px 0;}
	.sampleH h2 {font-size: 22px;}
	.sampleH {margin-bottom: 40px;}
	
	.showList li {width: 49%; margin-bottom: 15px;}
	.showList li:nth-child(3n) {margin-right: 2%;}
	.showList li:nth-child(2n) {margin-right: 0; }
	.showList li p {line-height: 30px;}
	
	/*.showPic {width: 100%;}*/
	.showWap {position: relative; width: 100%; height: auto;}
	.showWap .showPic {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 22; overflow: hidden;}
	.showWap img.bg {position: relative; width: 100%; height: auto; z-index: 0;}
	.showDetailMainCont {width: 100%; margin-top: 20px;}
	.showDetailMainCont h2 {font-size: 18px;}
	.showDetailMainB a {width: 96px; font-size: 14px; margin-left: 6px;}
	.showDetailMainB a span {margin-right: 2px;}
	.showDetailBW .sliderShowDetail li {margin-right: 10px;}
	.showDetailBW .sliderShowDetail {margin-top: 15px;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {top: -25px;}
	.showDetailH h3 span {font-size: 20px;}
	.showDetailW {margin-bottom: 40px;}
	
	.footerWap {position: relative; z-index: 222;}
	#bottom , #footer{z-index: 222;}
	#footer {padding-top: 5px;}
	
	.homeAdvanceW {display: none;}
	.homeAdvanceWW {display: block;}
	
	.bx-wrapper img {width: 100%;}
	
	.homeAdvanceM {display: block;}
	
	.footerZxPhone {display: none;}
	
	.productJgList li {width: 49%; margin-right: 1%;}
	.productJgList li:nth-child(2n) {margin-right: 0;}
	.productJgList li:nth-child(4n) {margin-left: 1%;}
	.banner .bx-wrapper .bx-controls-direction a {display: block; width: 26px; height: 30px; margin-top: 0; background-size: 12px;}
	.banner .bx-wrapper .bx-prev {left: 15px;}
	.banner .bx-wrapper .bx-next {right: 15px;}
	
	.productWhy .pic {display: none;}
	.productWap {display: block;}
	.productSp {padding: 82px 0 82px 0;}
	/*.productSpPic {bottom: -80px;}*/
	.productSpW {height: auto;}
	.productSpVideo {position: relative; margin-bottom: 20px;}
	.productSpPic {position: relative; width: 100%; left: 0; bottom: 0;}
	.productSpPic .bg {width: 74%;}
	
}


@media (max-width: 768px) {
	.meau-sev .cndns-right-box .box-border {width: 218px; height: 172px; padding: 12px;}
	.sev-t:after,#zixunUl:after {display: block; clear: both; content: ""; overflow: hidden;}
	.cndns-right-box .box-border .sev-t span {font-size: 38px; margin-right: 8px;}
	.cndns-right-box .box-border .sev-t p {font-size: 18px;}
	.cndns-right-box .box-border .sev-t p i {font-size: 12px;}
	.cndns-right-box .box-border .sev-b h4 {font-size: 12px; padding-bottom: 6px;}
	.cndns-right-box .box-border .sev-b li {width: 48%; margin-right: 2%;}
	.cndns-right-box .box-border .sev-b li a {font-size: 12px;}
	.cndns-right-box .box-border {padding: 12px;}
	.cndns-right-box .box-border .sev-t span {font-size: 36px; line-height: 42px;}
	.cndns-right-box .box-border .sev-t p {line-height: 20px; width: 100%;}
	.cndns-right-box .box-border .sev-t p {max-width: 100%;}
	.meau-code .cndns-right-box .box-border i {margin-top: 12px;}
	
}
/*垂直居中*/
.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; margin-left:-1px;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; background-color: #ffffff; z-index: 2147000001; width: 370px; height: 250px; margin-left: -185px; margin-top: -150px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(../img/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 15px 50px; height: 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(../img/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ height: 84px; margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .txtBox p input{width: 260px; height: 30px; border: solid 1px #eef0f1; font-size: 18px; margin-top: 6px;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}